<template>
  <header>
    <yy-header></yy-header>
    <b v-if="showBottomNav" class="line"></b>
    <div v-if="showBottomNav" class="nav-table">
      <yy-shop-nav :show-categories="false"></yy-shop-nav>
    </div>
  </header>
</template>

<style lang="less">
  .nav-table {
    margin-top: 10px;
  }
</style>

<script>
import YYHeader from 'components/common/YYHeader'
import YYShopNav from 'components/common/YYShopNav'

export default {
  name: 'yy-common-header',
  props: {
    showBottomNav: {
      type: Boolean,
      default: true
    }
  },
  components: {
    'yy-header': YYHeader,
    'yy-shop-nav': YYShopNav
  }
}
</script>
